@charset "utf-8";
@import "common";
.plat-web {
    background: #bf0c21 url(../images/xx_03.png) 100%/100% repeat-y;
    @include midContent;
    bottom: 0;
    background-size: 200%;
    .plat-content {
        left: 0;
        right: 0;
        width: 90% !important;
        margin: 0 auto;
        @include midContent;
        #loginBox,
        #loginBox1 {
            transition: transform 1s;
        }
        .plat {
            margin: 0 auto;
            white-space: nowrap;
            overflow: hidden;
            text-align: center;
            position: relative;
            //切换
            .switchover {
                width: r(90);
                height: r(38);
                background: #e7c598;
                border-radius: r(6);
                text-align: center;
                font-size: r(23);
                color: #c21829;
                line-height: r(38);
                position: absolute;
                top: r(36);
                left: r(20);
                .icon {
                    width: r(24);
                    height: r(22);
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                    transition: all .3s; 
                    img {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: -999px;
                        left: -999px;
                        right: -999px;
                        bottom: -999px;
                        margin: auto;
                    }
                }
            }
            //广东地图
            .Guangdong_plat,
            .Hainan_plat {
                width: 100%;
                height: r(410);
                padding-top: r(95);
                white-space: nowrap;
                font-size: 0;
                .Guangdong_plat_pic,
                .Hainan_plat_pic {
                    transition: transform .3s;
                    //                  width: r(538);
                    width: 100%;
                    height: r(410);
                    margin: 0 auto;
                    position: relative;
                    display: inline-block;
                    img {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: -999px;
                        left: -999px;
                        right: -999px;
                        bottom: -999px;
                        margin: auto;
                    }
                    .AlreadyReceived li {
                        width: r(68);
                        height: r(90);
                        background: url(../images/a1a3.png) 100%/100% no-repeat;
                        background-size: 100%;
                        font-size: r(12);
                        color: red;
                        color: #bf0c21;
                        p {
                            transform: scale(.7);
                            font-size: r(12);
                            padding-top: r(20);
                            text-align: center;
                            span {
                                font-weight: bold;
                                font-size: r(24);
                            }
                        }
                    }
                    .son {
                        position: absolute;
                        top: r(-33);
                        left: r(290);
                        transform: translateY(-1000%);
                    }
                    .son1 {
                        position: absolute;
                        top: r(180);
                        left: r(150);
                        transform: translateY(-1000%);
                    }
                    .son2 {
                        position: absolute;
                        top: r(177);
                        left: r(50);
                        transform: translateY(-1000%);
                    }
                    .son3 {
                        position: absolute;
                        top: r(260);
                        left: r(150);
                        transform: translateY(-1000%);
                    }
                    .son4 {
                        position: absolute;
                        top: r(-10);
                        right: r(70);
                        transform: translateY(-1000%);
                    }
                }
            }
            //剩余套装
            .Guangdong_text_CustomKreons {
                margin-top: r(-50);
                width: 100%;
                text-align: right;
                color: #e7c598;
                position: absolute;
                right: 0;
                bottom: 0;
                h2 {
                    font-weight: 400;
                    font-size: r(29);
                    span {
                        font-weight: 400;
                        font-size: r(40);
                    }
                }
                h1 {
                    font-weight: 400;
                    font-size: r(40);
                }
            }
        }
        //套装和领取
        .Guangdong_text {
            width: r(530);
            height: r(316);
            overflow: auto;
            margin: 0 auto;
            padding-top: r(30);
            .Guangdong_text_GetTheWay {
                text-align: left;
                color: #e7c598;
                h3 {
                    font-size: r(26);
                    margin-bottom: r(12);
                }
                p {
                    text-align: justify;
                    margin-top: r(12);
                    font-size: r(17);
                    line-height: r(30);
                }
            }
        }
        //按钮
        .press-button {
            margin: 0 auto;
            margin-top: r(25);
            width: r(320);
            height: r(45);
            background: url(../images/box_15.png);
            background-size: r(320);
            text-align: center;
            line-height: r(46);
            p {
                font-size: r(22);
                color: #E7C598;
            }
        }
        //返回首页
        .skip {
            width: r(60);
            margin-left: r(509);
            img {
                width: 100%;
            }
        }
    }
}